<template>
  <div class="son-component-body">
    我是第{{ msg.id }}个组件
    <ul>
      <li>我的名字是{{ msg.uname }}</li>
      <li>我的年龄是{{ msg.age }}</li>
      <li>我的职业是{{ msg.profess }}</li>
      <li><button @click="fn">过了一年</button></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'SonComponent',
  props: ['msg'],
  data() {
    return {}
  },

  methods: {
    fn() {
      this.$emit('oneyear', 1, this.msg.id)
    },
  },
}
</script>

<style scoped>
.son-component-body {
  width: 300px;
  height: 200px;
  border: 3px solid #333;
}
</style>
